<HTML>
<HEAD>
<TITLE>Modyfikacja koloru ta 3</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var regularLabels = ["Czerwone","Zielone","Niebieskie"]
var naturalLabels = ["Jabuszka","Listeczki","Morskie tony"]
function setRegularLabels(list) {
    var optGrps = list.getElementsByTagName("OPTGROUP")
    for (var i = 0; i < optGrps.length; i++) {
        optGrps[i].label = regularLabels[i]
    }
}
function setNaturalLabels(list) {
    var optGrps = list.getElementsByTagName("OPTGROUP")
    for (var i = 0; i < optGrps.length; i++) {
        optGrps[i].label = naturalLabels[i]
    }
}
function seeColor(list) {
    var newColor = (list.options[list.selectedIndex].value)
    if (newColor) {
        document.bgColor = newColor
    }
}
</SCRIPT>
</HEAD>

<BODY onUnload="document.forms[0].reset()">
<FORM>
<P>Wybierz kolor ta:
<SELECT name="colorsList" onChange="seeColor(this)">
    <OPTGROUP ID="optGrp1" label="Czerwone">
        <OPTION value="#ff9999">Jasnoczerwony
        <OPTION value="#ff3366">Czerwony
        <OPTION value="#ff0000">Jaskrawoczerwony
        <OPTION value="#660000">Ciemnoczerwony
    </OPTGROUP>
    <OPTGROUP ID="optGrp2" label="Greens">
        <OPTION value="#ccff66">Jasnozielony
        <OPTION value="#99ff33">Zielony
        <OPTION value="#00ff00">Jaskrawozielony
        <OPTION value="#006600">Ciemnozielony
    </OPTGROUP>
    <OPTGROUP ID="optGrp3" label="Blues">
        <OPTION value="#ccffff">Jasnoniebieski
        <OPTION value="#66ccff">Niebieski
        <OPTION value="#0000ff">Jaskrawoniebieski
        <OPTION value="#000066">Ciemnoniebieski
    </OPTGROUP>
</SELECT></P>
<P>
<INPUT TYPE="radio" NAME="labels" CHECKED
onClick="setRegularLabels(this.form.colorsList)">Zwyczajne nazwy etykiet
<INPUT TYPE="radio" NAME="labels" 
onClick="setNaturalLabels(this.form.colorsList)">Naturalistyczne nazwy etykiet</P>
</FORM>
</BODY>
</HTML>